.tabbar3Content
    background-color: #f8f8f8
    min-height: 100vh
    .dataInfo
        margin-top: 40rpx
        display: flex
        padding: 0 24rpx
        .item
            display: flex
            flex-direction: column
            align-items: center
            flex: 1
            color: #333
            .data
                display: flex
                .value
                    font-size: 50rpx
                .tips
                    font-size: 18rpx
                    align-self: flex-end;
                    margin-left: 5rpx
                    padding-bottom: 10rpx
                    box-sizing: border-box
            .title
                font-size: 24rpx
                margin-top: 8rpx
    .myBarBox
        display: flex
        margin-top: 10rpx
        .myBarPic
            width: 100%
            height: 190rpx
    .bigContent
        padding: 20rpx
        .contentItem
            border-radius: 15rpx
            display: flex
            flex-direction: column
            box-sizing: border-box
            background-color: #fff
            padding: 20rpx
            box-sizing: border-box
            margin-bottom: 20rpx
            &:last-child
                margin-bottom: 0
        .contentTitle
            display: flex
            align-items: center
            margin-bottom: 30rpx
            justify-content: space-between
            .title
                font-size: 30rpx
                font-weight: bold
            .rightToBtn
                font-size: 28rpx
                color: #868686
                display: flex
                align-items: center
                justify-content: center
                .rightIcon
                    width: 30rpx
                    height: 30rpx
        .tabList
            display: flex
            align-items: center;
            &.tabList1
                .item
                    width: 20%
            .item
                display: flex
                flex-direction: column
                align-items: center
                justify-content: center
                width: 25%
                border-radius: 15rpx
                .itemBtn
                    display: flex
                    flex-direction: column
                    align-items: center
                    justify-content: center
                    background: none !important
                    margin: 0
                    padding: 0
                    line-height: normal
                    &:after
                        border: none !important
                &:active
                    background-color: #f9f9f9;
                .tabIcon
                    width: 64rpx
                    height: 64rpx
                .name
                    margin-top: 10rpx
                    color: #000
                    font-size: 26rpx

